// 1.导入react
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
// import State from "./hooks/useState";
// import Effect from "./hooks/useEffect";
// import Context from "./hooks/useContext";
// import Reducer from "./hooks/useReducer";
// import Ref from "./hooks/useRef";
// import UseStore from "./hooks/useStore";
import AddTodo from "./hooks/addTodo";

import VisibleTodoList from "./hooks/visibleTodoList"

import Footer from "./hooks/footer"

import { Provider } from "react-redux";
import store from "./store/index";

function App() {
  return (
    <Provider store={store}>
      <div className="app">
        <AddTodo />
        <VisibleTodoList />
        <Footer />
      </div>
    </Provider>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));
